<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-10-10 22:06:54
 * @LastEditTime: 2019-10-11 17:50:04
 * @LastEditors: Please set LastEditors
 -->
<template>
  <div>
    <Uediter :value="ueditor.value" :config="ueditor.config" ref="ued"/>  <!-- 编辑器 -->
    <input type="button" value="获取编辑器内容" @click="getContent">  
  </div>
</template>
<script>
  import Uediter from '@c/Ueditor'
  export default {
    components: {Uediter},
    data () {
      return {
        ueditor: {
          value: '<h1 style="font-size: 32px; font-weight: bold; border-bottom: 2px solid rgb(204, 204, 204); padding: 0px 4px 0px 0px; text-align: center; margin: 0px 0px 20px;">江河湖库环境《123》狂欢节开会开会</h1>',          //编辑器默认内容
          config: {           //设置编辑器宽高 
            initialFrameWidth: null,
            initialFrameHeight: 350
          }   
        }
      }
    },
    methods: {
      getContent () {
        console.log(this.$refs.ued.getUEContent())
      }
    }
  }
</script>  